@-webkit-keyframes slideUpDown{
  0%{
    opacity: 1;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
    visibility: visible
  }
  25%{
    opacity: .5;
  }
  50%{
    opacity: 1;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
  }
  75%{
    opacity: .5;
  }
  100%{
    opacity: 1;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
  }
}
@keyframes slideUpDown{
  0%{
    opacity: 1;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
    visibility: visible
  }
  25%{
    opacity: .5;
  }
  50%{
    opacity: 1;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
  }
  75%{
    opacity: .5;
  }
  100%{
    opacity: 1;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
  }
}


.animate-sprite {
  display:inline-block; overflow:hidden; background-repeat: no-repeat;
  background-image:url('../images/animate.png');}

.bounce_ {width:104px; height:104px; background-position: -1px -1px}
.flipInX_ {width:104px; height:104px; background-position: -1px -107px}
.flipOutX_ {width:104px; height:104px; background-position: -1px -213px}
.fadeOutUp_ {width:104px; height:104px; background-position: -1px -319px}
.slideInUp_ {width:104px; height:104px; background-position: -107px -1px}
.fadeOutDown_ {width:104px; height:104px; background-position: -107px -107px}
.slideInDown_ {width:104px; height:104px; background-position: -107px -213px}
.slideUpDown_ {width:104px; height:104px; background-position: -107px -213px}
.bounceIn_ {width:104px; height:104px; background-position: -107px -319px}
.zoomIn_ {width:104px; height:104px; background-position: -213px -1px}
/* .zoomInRight_ {width:104px; height:104px; background-position: -213px -1px} */
/* .zoomInLeft_ {width:104px; height:104px; background-position: -213px -1px} */
/* .zoomInUp_ {width:104px; height:104px; background-position: -213px -1px}
.zoomInDown_ {width:104px; height:104px; background-position: -213px -1px} */
.bounceOut_ {width:104px; height:104px; background-position: -213px -107px}
.zoomOut_ {width:104px; height:104px; background-position: -213px -213px}
.bounceInUp_ {width:104px; height:104px; background-position: -213px -319px}
.bounceOutUp_ {width:104px; height:104px; background-position: -319px -1px}
.fadeInUp_ {width:104px; height:104px; background-position: -319px -107px}
.bounceInDown_ {width:104px; height:104px; background-position: -319px -213px}
.bounceOutDown_ {width:104px; height:104px; background-position: -319px -319px}
.fadeInDown_ {width:104px; height:104px; background-position: -425px -1px}
.bounceInLeft_ {width:104px; height:104px; background-position: -425px -107px}
.bounceOutRight_ {width:104px; height:104px; background-position: -425px -213px}
.fadeInLeft_ {width:104px; height:104px; background-position: -425px -319px}
.rollOut_ {width:104px; height:104px; background-position: -531px -107px}
.bounceInRight_ {width:104px; height:104px; background-position: -531px -213px}
.bounceOutLeft_ {width:104px; height:104px; background-position: -531px -319px}
.fadeInRight_ {width:104px; height:104px; background-position: -637px -1px}
.rotateInDownLeft_,.rotateOutDownLeft_ {width:104px; height:104px; background-position: -531px -1px}
.rotateInDownRight_,.rotateOutDownRight_ {width:104px; height:104px; background-position: -637px -107px}
.rotateInUpRight_,.rotateOutUpRight_ {width:104px; height:104px; background-position: -637px -107px}
.rotateInUpLeft_,.rotateOutUpLeft_ {width:104px; height:104px; background-position: -637px -107px}

.rollIn_ {width:104px; height:104px; background-position: -637px -213px}
.slideInRight_,.slideOutRight_ {width:104px; height:104px; background-position: -637px -213px}
.slideInLeft_,.slideOutLeft_ {width:104px; height:104px; background-position: -637px -213px}
.slideInUp_,.slideOutUp_ {width:104px; height:104px; background-position: -637px -213px}
.slideInDown_,.slideOutDown_ {width:104px; height:104px; background-position: -637px -213px}
.wobble_ {width:104px; height:104px; background-position: -637px -319px}
.shakeX_ {width:104px; height:104px; background-position: -637px -319px}
.jello_ {width:104px; height:104px; background-position: -743px -1px}
.flipInY_ {width:104px; height:104px; background-position: -743px -107px}
.flipOutY_ {width:104px; height:104px; background-position: -743px -213px}
.fadeOutLeft_ {width:104px; height:104px; background-position: -743px -319px}
.pulse_ {width:104px; height:104px; background-position: -849px -1px}
.heartBeat_ {width:104px; height:104px; background-position: -849px -1px}
.rubberBand_{width:104px; height:104px; background-position: -849px -107px}
.swing_ {width:104px; height:104px; background-position: -849px -213px}
.jackInTheBox_ {width:104px; height:104px; background-position: -849px -319px}
.rotateIn_ {width:104px; height:104px; background-position: -955px -1px}
.rotateOut_ {width:104px; height:104px; background-position: -955px -107px}
.fadeIn_,.fadeOut_,
.shakeY_,
.headShake_,
.tada_,
.fadeInRightBig_,.fadeOutRightBig_,
.fadeInLeftBig_,.fadeOutLeftBig_,
.fadeOutRight_,
.fadeInUpBig_,.fadeOutUpBig_,
.fadeInDownBig_,.fadeOutDownBig_,
.fadeInTopLeft_,.fadeOutTopLeft_,
.fadeInTopRight_,.fadeOutTopRight_,
.fadeInBottomLeft_,.fadeOutBottomLeft_,
.fadeInBottomRight_,.fadeOutBottomRight_,
.backInRight_,.backOutRight_,
.backInLeft_,.backOutLeft_,
.backInUp_,.backOutUp_,
.backInDown_,.backOutDown_,
.lightSpeedInRight_,.lightSpeedOutRight_,
.lightSpeedInLeft_,.lightSpeedOutLeft_ {width:104px; height:104px; background-position: -955px -213px}
.fadeOut_ {width:104px; height:104px; background-position: -955px -319px}
.flip_ {width:104px; height:104px; background-position: -1061px -1px}
.hinge_ {width:104px; height:104px; background-position: -1061px -107px}
.flash_ {width:104px; height:104px; background-position: -1061px -213px}


.animate-sprite-hover {
  display:inline-block; overflow:hidden; background-repeat: no-repeat;
  background-image:url('../images/animate-hover.png');
}

.bounce_hover_ {width:104px; height:104px; background-position: -1px -1px}
.flipInX_hover_ {width:104px; height:104px; background-position: -1px -107px}
.flipOutX_hover_ {width:104px; height:104px; background-position: -1px -213px}
.fadeOutUp_hover_ {width:104px; height:104px; background-position: -1px -319px}
.slideInUp_hover_ {width:104px; height:104px; background-position: -107px -1px}
.fadeOutDown_hover_ {width:104px; height:104px; background-position: -107px -107px}
.slideInDown_hover_ {width:104px; height:104px; background-position: -107px -213px}
.slideUpDown_hover_ {width:104px; height:104px; background-position: -107px -213px}
.bounceIn_hover_ {width:104px; height:104px; background-position: -107px -319px}
.zoomIn_hover_ {width:104px; height:104px; background-position: -213px -1px}
/* .zoomInRight_hover_ {width:104px; height:104px; background-position: -213px -1px} */
/* .zoomInLeft_hover_ {width:104px; height:104px; background-position: -213px -1px} */
/* .zoomInUp_hover_ {width:104px; height:104px; background-position: -213px -1px}
.zoomInDown_hover_ {width:104px; height:104px; background-position: -213px -1px} */
.bounceOut_hover_ {width:104px; height:104px; background-position: -213px -107px}
.zoomOut_hover_ {width:104px; height:104px; background-position: -213px -213px}
.bounceInUp_hover_ {width:104px; height:104px; background-position: -213px -319px}
.bounceOutUp_hover_ {width:104px; height:104px; background-position: -319px -1px}
.fadeInUp_hover_ {width:104px; height:104px; background-position: -107px -1px}
.bounceInDown_hover_ {width:104px; height:104px; background-position: -319px -107px}
.bounceOutDown_hover_ {width:104px; height:104px; background-position: -319px -213px}
.fadeInDown_hover_ {width:104px; height:104px; background-position: -319px -319px}
.bounceInLeft_hover_ {width:104px; height:104px; background-position: -425px -1px}
.bounceOutRight_hover_ {width:104px; height:104px; background-position: -425px -107px}
.fadeInLeft_hover_ {width:104px; height:104px; background-position: -425px -213px}
.rollOut_hover_ {width:104px; height:104px; background-position: -531px -1px}
.bounceInRight_hover_ {width:104px; height:104px; background-position: -531px -107px}
.bounceOutLeft_hover_ {width:104px; height:104px; background-position: -531px -213px}
.fadeInRight_hover_ {width:104px; height:104px; background-position: -531px -319px}
.rotateInDownLeft_hover_,.rotateOutDownLeft_hover_ {width:104px; height:104px; background-position: -425px -319px}
.rotateInDownRight_hover_,.rotateOutDownRight_hover_ {width:104px; height:104px; background-position: -637px -1px}
.rotateInUpRight_hover_,.rotateOutUpRight_hover_ {width:104px; height:104px; background-position: -637px -1px}
.rotateInUpLeft_hover_,.rotateOutUpLeft_hover_ {width:104px; height:104px; background-position: -637px -1px}

.rollIn_hover_ {width:104px; height:104px; background-position: -637px -107px}

.slideInRight_hover_,.slideOutRight_hover_ {width:104px; height:104px; background-position: -637px -107px}
.slideInLeft_hover_,.slideOutLeft_hover_ {width:104px; height:104px; background-position: -637px -107px}
.slideInUp_hover_,.slideOutUp_hover_ {width:104px; height:104px; background-position: -637px -107px}
.slideInDown_hover_,.slideOutDown_hover_ {width:104px; height:104px; background-position: -637px -107px}

.wobble_hover_ {width:104px; height:104px; background-position: -637px -213px}
.shakeX_hover_ {width:104px; height:104px; background-position: -637px -213px}
.jello_hover_ {width:104px; height:104px; background-position: -637px -319px}
.flipInY_hover_ {width:104px; height:104px; background-position: -743px -1px}
.flipOutY_hover_ {width:104px; height:104px; background-position: -743px -107px}
.fadeOutLeft_hover_ {width:104px; height:104px; background-position: -743px -213px}
.pulse_hover_,.heartBeat_hover_ {width:104px; height:104px; background-position: -743px -319px}
.rubberBand_hover_ {width:104px; height:104px; background-position: -849px -1px}
.swing_hover_ {width:104px; height:104px; background-position: -849px -107px}
.jackInTheBox_hover_ {width:104px; height:104px; background-position: -849px -213px}
.rotateIn_hover_ {width:104px; height:104px; background-position: -849px -319px}
.rotateOut_hover_ {width:104px; height:104px; background-position: -955px -1px}
.fadeIn_hover_,.fadeOut_hover_,
.shakeY_hover_,
.headShake_hover_,
.tada_hover_,
.fadeOutRight_hover_,
.fadeInRightBig_hover_,.fadeOutRightBig_hover_,
.fadeInLeftBig_hover_,.fadeOutLeftBig_hover_,
.fadeInUpBig_hover_,.fadeOutUpBig_hover_,
.fadeInDownBig_hover_,.fadeOutDownBig_hover_,
.fadeInTopLeft_hover_,.fadeOutTopLeft_hover_,
.fadeInTopRight_hover_,.fadeOutTopRight_hover_,
.fadeInBottomLeft_hover_,.fadeOutBottomLeft_hover_,
.fadeInBottomRight_hover_,.fadeOutBottomRight_hover_,
.backInRight_hover_,.backOutRight_hover_,
.backInLeft_hover_,.backOutLeft_hover_,
.backInUp_hover_,.backOutUp_hover_,
.backInDown_hover_,.backOutDown_hover_,
.lightSpeedInRight_hover_,.lightSpeedOutRight_hover_,
.lightSpeedInLeft_hover_,.lightSpeedOutLeft_hover_{width:104px; height:104px; background-position: -955px -107px}
.fadeOut_hover_ {width:104px; height:104px; background-position: -955px -213px}
.flip_hover_ {width:104px; height:104px; background-position: -955px -319px}
.hinge_hover_ {width:104px; height:104px; background-position: -1061px -1px}
.flash_hover_ {width:104px; height:104px; background-position: -1061px -107px}


.zoomInLeft_,.zoomOutLeft_ {width:104px; height:104px; background-image: url('../images/zoom-left.png');}
.zoomInLeft_hover_,.zoomOutLeft_hover_ {width:104px; height:104px; background-image: url('../images/zoom-left-hover.png');}
.zoomInRight_,.zoomOutRight_ {width:104px; height:104px; background-image: url('../images/zoom-right.png');}
.zoomInRight_hover_,.zoomOutRight_hover_ {width:104px; height:104px; background-image: url('../images/zoom-right-hover.png');}

.zoomInUp_,.zoomOutUp_ {width:104px; height:104px; background-image: url('../images/zoom-up.png');}
.zoomInUp_hover_,.zoomOutUp_hover_ {width:104px; height:104px; background-image: url('../images/zoom-up-hover.png');}

.zoomInDown_,.zoomOutDown_ {width:104px; height:104px; background-image: url('../images/zoom-down.png');}
.zoomInDown_hover_,.zoomOutDown_hover_ {width:104px; height:104px; background-image: url('../images/zoom-down-hover.png');}

